.container { 
	width: 950px;
	border: 0px solid #CCC; 
	margin-left:20px;
	margin-right :20px;
	margin-top :50px;
	margin-bottom:20px;
	height: 400px;
} 

.col_box{
	float:left;
	width: 190px;
	height: 200px;
/* 	border: 0px solid #fff; */
	/*-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;*/


	}
	
/*.col_box:hover{
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-webkit-box-shadow:0px 0px 30px #ccc;
	-moz-box-shadow:0px 0px 30px #ccc;
}*/
/*.col_box.mask{
	width: 100%;
	background-color: rgb(0, 0, 0);
	position: absolute;
	height: 100%;
	opacity:0.6;
	cursor:pointer;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
}*/

	

/*raw 1 boxes*/ 	
#raw1_col1{
	

	
	
	background: rgb(252,212,218); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(252,212,218,1) 0%, rgba(142,85,98,1) 59%, rgba(130,0,2,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,212,218,1)), color-stop(59%,rgba(142,85,98,1)), color-stop(100%,rgba(130,0,2,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(252,212,218,1) 0%,rgba(142,85,98,1) 59%,rgba(130,0,2,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(252,212,218,1) 0%,rgba(142,85,98,1) 59%,rgba(130,0,2,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(252,212,218,1) 0%,rgba(142,85,98,1) 59%,rgba(130,0,2,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(252,212,218,1) 0%,rgba(142,85,98,1) 59%,rgba(130,0,2,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd4da', endColorstr='#820002',GradientType=0 ); /* IE6-9 */

	}

#raw1_col1:hover{

}
	
#raw1_col2{
	background-color:#808080;
	background-image:url(../images/Shipping-Service.jpg);
	background-repeat:no-repeat;
	border: 0px solid #fff;

	overflow: hidden;

	position: relative;

	text-align: center;

	box-shadow: 0px 0px 5px #aaa;

	cursor: default;
	

	}

#raw1_col3{
	/*background-color:#808080;
	background-image:url(../images/home-icon/comp.png);
	background-repeat:no-repeat;*/

	background: rgb(201,222,150); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(201,222,150,1) 0%, rgba(138,182,107,1) 44%, rgba(57,130,53,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,222,150,1)), color-stop(44%,rgba(138,182,107,1)), color-stop(100%,rgba(57,130,53,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=0 ); /* IE6-9 */
	}
	

#raw1_col4{
	background-color:#808080;
	background-image:url(../images/Srilanka.jpg);
	background-repeat:no-repeat;
	border: 0px solid #fff;

	overflow: hidden;

	position: relative;

	text-align: center;

	box-shadow: 0px 0px 5px #aaa;

	cursor: default;
	}

/*raw 2 boxes*/
#raw1_col5{

	background: rgb(206,220,231); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,220,231,1)), color-stop(100%,rgba(89,106,114,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
  
  


		}

#raw2_col1{
	background-color:#808080;
	background-image:url(../images/news.jpg);
	background-repeat:no-repeat;
	border: 0px solid #fff;

	overflow: hidden;

	position: relative;

	text-align: center;

	box-shadow: 0px 0px 5px #aaa;

	cursor: default;
	}
#raw2_col2{
		background: rgb(239,110,110); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(239,110,110,1) 1%, rgba(247,64,64,1) 52%, rgba(244,58,58,1) 63%, rgba(255,4,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(239,110,110,1)), color-stop(52%,rgba(247,64,64,1)), color-stop(63%,rgba(244,58,58,1)), color-stop(100%,rgba(255,4,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(239,110,110,1) 1%,rgba(247,64,64,1) 52%,rgba(244,58,58,1) 63%,rgba(255,4,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(239,110,110,1) 1%,rgba(247,64,64,1) 52%,rgba(244,58,58,1) 63%,rgba(255,4,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(239,110,110,1) 1%,rgba(247,64,64,1) 52%,rgba(244,58,58,1) 63%,rgba(255,4,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(239,110,110,1) 1%,rgba(247,64,64,1) 52%,rgba(244,58,58,1) 63%,rgba(255,4,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef6e6e', endColorstr='#ff0400',GradientType=0 ); /* IE6-9 */

	}
#raw2_col3{
	background-color:#808080;
	background-image:url(../images/travel.jpg);
	background-repeat:no-repeat;
	border: 0px solid #fff;

	overflow: hidden;

	position: relative;

	text-align: center;

	box-shadow: 0px 0px 5px #aaa;

	cursor: default;
	
	}


/*raw3 boxes*/
#raw2_col4{
		background: rgb(246,230,180); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(246,230,180,1) 0%, rgba(237,144,23,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,230,180,1)), color-stop(100%,rgba(237,144,23,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); /* IE6-9 */
	}


#raw2_col5{
	background-color:#808080;
	background-image:url(../images/hote&sightseeing.jpg);
	background-repeat:no-repeat;
	border: 0px solid #fff;

	overflow: hidden;

	position: relative;

	text-align: center;

	box-shadow: 0px 0px 5px #aaa;

	cursor: default;
	
	}

/* ------------------------------------------------------Hover CSS ----------------------------------------------------------------------*/

a {

	-moz-transition:color 0.3s ease-out;

	-webkit-transition:color 0.3s ease-out;

	-o-transition:color 0.3s ease-out;

	-ms-transition:color 0.3s ease-out;

	transition:color 0.3s ease-out;

}







/* CSS3 STYLE GENERIC */

.view {

   width: 190px;

   height: 200px;

  /* margin: 10px;*/

   float: left;

   border: 0px solid #fff;

   overflow: hidden;

   position: relative;

   text-align: center;

   box-shadow: 0px 0px 5px #aaa;

   cursor: default;

}

.view .mask, .view .content {

   width: 190px;

   height: 200px;

   position: absolute;

   overflow: hidden;

   top: 0;

   left: 0;

}

.view img {

   display: block;

   position: relative;

}

.view a.info {

   background:url(../images/readmore.png) no-repeat ;

  display:block;

   text-decoration: none;

  /* padding:20px 20px;*/

   /*text-indent:-9999px;*/

   width:100px;

   height:40px;
   margin-top:-20px;
   margin-left:-20px;

}









/* CSS3 EFFECTS */



/* SECOND EFFECTS */



.second-effect .mask {

   opacity: 0;

   overflow:visible;

   border:0px solid rgba(0,0,0,0.7);

   -moz-box-sizing:border-box;

   -webkit-box-sizing:border-box;

   box-sizing:border-box;

   -webkit-transition: all 0.4s ease-in-out;

   -moz-transition: all 0.4s ease-in-out;

   -o-transition: all 0.4s ease-in-out;

   -ms-transition: all 0.4s ease-in-out;

   transition: all 0.4s ease-in-out;

}

.second-effect a.info {

	position:relative;

	top:-10px;

	opacity:0;

   -moz-transform:scale(0,0);

   -webkit-transform:scale(0,0);

   -o-transform:scale(0,0);

   -ms-transform:scale(0,0);

   transform:scale(0,0);

   -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;

   -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;

   -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;

   -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;

   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;

}

.second-effect:hover .mask {

   opacity: 1;

   border:120px solid rgba(0,0,0,0.7);

}

.second-effect:hover a.info {

	opacity:1;

	-moz-transform:scale(1,1);

	-webkit-transform:scale(1,1);

	-o-transform:scale(1,1);

	-ms-transform:scale(1,1);

	transform:scale(1,1);

	-moz-transition-delay:0.3s;

	-webkit-transition-delay:0.3s;

	-o-transition-delay:0.3s;

	-ms-transition-delay:0.3s;

	transition-delay:0.3s;

}




